<!--
 * @Description: {{ByRuin}}
 * @Version: 2.0
 * @Author: Ruin 🍭
 * @Date: 2021-12-24 15:13:47
 * @LastEditors: 刘引
 * @LastEditTime: 2021-12-24 16:39:05
-->
<template>
  <div class="root">
    <div class="w">
      <div class="container">
        <div class="left">
          <h3>实时订单</h3>
          <el-table
            :data="tableData"
            cell-style="text-align:center; border=none; font-size=14px;height=35px"
            :highlight-current-row="false"
            header-cell-style="color:#2c3e50;text-align:center; font-size:16px;background-color:#fdf2ef; font-weight=200;"
            max-height="400px"
            fit="false"
          >
            <el-table-column fixed prop="date" label="客户账号" />
            <el-table-column prop="name" label="时间" />
            <el-table-column prop="state" label="订单编号" />
            <el-table-column prop="city" label="订单金额" />
            <el-table-column prop="address" label="生产数量" />
            <!-- <el-table-column prop="address" label="发货状态" width="600" /> -->
            <el-table-column prop="zip" label="发货状态" />
          </el-table>
        </div>
        <div class="right">
          <img src="../../../assets/img/home/first.jpg" alt />
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
export default {
  data() {
    return {
      tableData: [
        {
          date: '155****8823',
          name: '9分钟前',
          state: 'PCBA20211224****',
          city: '20145.91',
          address: '188pcs',
          zip: '待付款',
        },
        {
          date: '155****8823',
          name: '9分钟前',
          state: 'PCBA20211224****',
          city: '20145.91',
          address: '188pcs',
          zip: '待付款',
        }, {
          date: '155****8823',
          name: '9分钟前',
          state: 'PCBA20211224****',
          city: '20145.91',
          address: '188pcs',
          zip: '待付款',
        },
        {
          date: '155****8823',
          name: '9分钟前',
          state: 'PCBA20211224****',
          city: '20145.91',
          address: '188pcs',
          zip: '待付款',
        },
        {
          date: '155****8823',
          name: '9分钟前',
          state: 'PCBA20211224****',
          city: '20145.91',
          address: '188pcs',
          zip: '待付款',
        },
        {
          date: '155****8823',
          name: '9分钟前',
          state: 'PCBA20211224****',
          city: '20145.91',
          address: '188pcs',
          zip: '待付款',
        },
        {
          date: '155****8823',
          name: '9分钟前',
          state: 'PCBA20211224****',
          city: '20145.91',
          address: '188pcs',
          zip: '待付款',
        }
      ],
    }
  },
}
</script>
<style lang="scss" scoped>
.root {
  height: 400px;
  .container {
    display: flex;
    justify-content: space-between;
    .left {
      width: 840px;
      height: 400px;
      border: 1px solid #eeeeee;
      h3 {
        height: 40px;
        line-height: 40px;
        border-left: 6px solid #da5d28;
        padding: 0 23px;
      }
    }
    .right {
      // img {
      //   width: 340px;
      //   height: 400px;
      // }
    }
  }
}
</style>